<template>
  <div>
    <div class="footer-box">
      <button class="clear-btn-styles">
        <a target="_blank" variant="link" label="" style="color: rgb(0,47,54);">帮助</a></button
      ><span class="sperator">|</span
      ><button class="clear-btn-styles">
        <a iphmdtrigger="" variant="link" label="为此页评级" style="color: rgb(17,17,17);"
          >计划政策</a
        ></button
      ><span class="sperator">|</span>

      <div class="elselectbox">
        <el-select
          v-model="languageValue"
          placeholder=""
          style="width: 92px"
          class="meSelect dgf"
          size="small"
        >
          <el-option
            v-for="item in languageOptions"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          />
        </el-select>
        <!-- <div class="select-mask" ></div> -->
      </div>
      <span class="sperator">|</span>
      <div class="sc-footer-seller-mobile-app-image"></div>

      <button class="clear-btn-styles">
        <a target="_blank" variant="link" label=" " style="color: rgb(17,17,17);">
          下载“亚马逊卖家”移动应用
        </a>
      </button>

      <div class="righttxt">
        版权所有 © 1999-2023 Amazon.com, Inc. 或其附属公司
      </div>
    </div>
    <div id="hmd2f-trigger-tab" class="hmd2f-close">
      <div class="a-link-normal" href="#">
        反馈
        <!-- <div class="hmd2f-collapse"></div> -->
      </div>
      <div class="hmd2f-exit"  style="display: initial"></div>
      <!-- <div id="hmd2f-trigger-bottom" class="a-section"></div> -->
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      languageOptions: [
        {
          label: "English",
          value: 1,
        },
        {
          label: "中文(简体)",
          value: 2,
        },
      ],
      languageValue: 2,
    };
  },
};
</script>

<style lang="scss" scoped>
@import "../css/filter.scss";
@import "../css/common.scss";
@import "../css/header.scss";
@import "../css/index.scss";
 .hmd2f-exit {
    height: 17px;
    left: auto;
    right: 0px;
    position: absolute;
    top: 2px;
    width: 17px;
    z-index: 1001;
    background: no-repeat url(/hmd/01qfehQSijL.png);
    margin: 5px 0 0;
    background-size: 13px 13px;
}
.hmd2f-close{
    background-color: #018195;
    color: #fff;
    width: 69px;
    height: 28px;
    display: flex;
    align-items: center;
    position: fixed;

    left: 20px;
    bottom: 0;
    z-index: 9999;
    // position: relative;
    border-radius: 6px 6px 0 0;
    border: 1px solid #ddd;
    .a-link-normal{
        margin-left: 12px;
        margin-right: 20px;
        color: #fff;
        font-size: 11px;
    }
    // display: flex;
    // align-items: center;
    // justify-content: center;
}
.elselectbox {
  display: flex;
  align-items: center;
  .meSelect {
    height: auto;
  }
}
.righttxt {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  color: #aaa;
}
.sc-footer-seller-mobile-app-image {
  background: no-repeat 50% url(/hmd/01G4HDYwzrL.png);
  width: 32px;
  height: 32px;
  float: left;
  margin-top: -5px;
  margin-right: 5px;
}
.footer-box {
  display: flex;
  align-items: center;

  font-size: 13px;
  //   height: 30px;
  line-height: 19px;
  margin-bottom: 0px;
  margin-top: 0px;
  // overflow-x hidden;
  // overflow-y hidden
  padding-bottom: 40px;
  padding-left: 47.5625px;
  padding-right: 47.5625px;
  padding-top: 14px;
  border-top: 1px solid rgb(231, 231, 231);
  margin-top: 20px;
}
</style>



<style>
.dgf{
  svg{
    
    color: rgb(27, 29, 30);

  }
}
</style>